<template>
<li class="dropdown-option" :class="{'isDisabled': disabled}"><slot></slot></li>
</template>

<script>
import { defineComponent } from 'vue'
export default defineComponent({
  name: 'DropdownItem',
  props: {
    disabled: {
      type: Boolean,
      default: false
    }
  }
})
</script>

<style>
.dropdown-option.isDisabled *{
    color: maroon;
    pointer-events: none;
    background-color: transparent;
}
</style>
